<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<link rel="stylesheet" href="../css/bootstrap.min.css">
		<script src="../js/jquery-3.0.0.min.js"></script>
		<script src="../js/bootstrap.min.js"></script>
		<script src="../js/vue.min.js"></script>
		<title>Insert title here</title>
	</head>

	<body>
		<script>
			var vue;
			var strategies;

			$.ajax({
						type: "get",
						url: "login/post-list?name=gg",
						dataType: "json",
						success: function(jsonObject) {
							console.log("****jsonObject****");
							console.log(jsonObject);
							if (vue) {
								strategies.list = jsonObject.list;
							} else {
								strategies = jsonObject;
								vue = new Vue({
									el: '#postList',
									data: strategies
								});
							}
						});
		</script>
		<div class="panel panel-danger">
			<div class="panel-heading">
				<h3 class="panel-title">列表</h3>
				<table>
					<tbody id="postList">
	
					</tbody>
				</table>
			</div>
	</body>

</html>